<template>
	<div>
		<swiper indicator-dots="true" autoplay :interval="2000" :duration="500">
			<swiper-item v-for="(item,index) in banner" :key="index">
				<image src="http://xiaowen.cool:86/bst/swper.png" mode="widthFix"></image>
			</swiper-item>
		</swiper>
	</div>
</template>

<script>
	import tab from '../../../components/Mark-Tab/Tab.vue'

	export default {
		components: {
			tab
		},
		data() {
			return {
				activeKey: '',
				btnlist: [{
					label: "心理学"
				}, {
					label: "心理健康教育"
				}],
				banner: [{
						id: 1,
						image: "http://xiaowen.cool:86/bst/swper.png",
					},
					{
						id: 2,
						image: "http://xiaowen.cool:86/bst/swper.png",
					},
					{
						id: 3,
						image: "http://xiaowen.cool:86/bst/swper.png",
					},
				],
				current: 0
			}
		},
		methods: {
			// 导航子类点击
			tabClick(e) {
				this.activeKey1 = e.index
				console.log(this.activeKey1)
			},
			jumpto(){
				uni.navigateTo({
					url:'/pages/users/yuanxiaoduibi/index'
				})
			},
			tabChange() {},
			radioChange: function(evt) {
				for (let i = 0; i < this.items.length; i++) {
					if (this.items[i].value === evt.detail.value) {
						this.current = i;
						break;
					}
				}
			}
		}
	}
</script>

<style scoped>
	/deep/.component-view-scroll-nav .navbar .nav-item {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding: 0 30rpx;
		white-space: nowrap;
		margin-top: -30rpx;
		width: 100%;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	},
	.item{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-top: 30rpx;
	}
	.list{
		padding: 0 30rpx;
	}
	.navigat-arrow {
		height: 90upx;
		width: 40upx;
		line-height: 90upx;
		font-size: 34upx;
		color: #555;
		text-align: right;
		/* font-family: texticons; */
	}
</style>
